<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

 <meta http-equiv="content-type" content="text/html;charset=utf-8"> 
<head>
    <meta charset="UTF-8">

    <!-- Page title -->
    <title>Manifest - Frontpage</title>

    <!-- Meta tags -->
    <meta name="description" content="Manifest - premium template." />
    <meta name="author" content="dbooom.com" />

    <!-- Set the viewport to the device's width -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Page icons -->
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="apple-touch-icon" href="apple-touch-icon.png" />

    <!-- Stylesheets -->
    <link rel="stylesheet" href="styles/styles.css" />
    
    <!-- Other scripts files located at the bottom of the page -->
    <script src="scripts/modernizr-1.6.min.js"></script>
</head>
<body class="page-frontpage">
    <!-- JS notice - We'll show it if js is disabled -->
    <p id="jsnotice">Javascript is currently disabled. This site requires Javascript to function correctly. Please <a href="http://enable-javascript.com/"> enable Javascript in your browser</a>!</p>
    <!-- /JS notice -->

    <!-- Header -->
    <header id="page-header">
        <!-- Site name + slogan -->
        <hgroup>
            <h1 id="site-name"><a href="index-2.html" title="Manifest template frontpage">Manifest template</a></h1>
            <h2 id="site-slogan">Clean, elegant, modern, premium template with rich list of features.</h2>
        </hgroup>
        <!-- /Site name + slogan -->

        <!-- Site navigation wrapper -->
        <div class="navigation-wrapper">
            <!-- Header navigation -->
            <nav id="header-navigation">
                <ul>
                    <li><a href="index-2.html" title="Frontpage">Home</a>
                        <ul>
                            <li><a href="index-2.html" title="Nivo Slider">Nivo Slider</a></li>
                            <li><a href="index-3d.html" title="3D Slider">3D Slider</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Pages">Pages</a>
                        <ul>
                            <li><a href="sidebar-left.html" title="Page with left sidebar">Page with left sidebar</a></li>
                            <li><a href="sidebar-right.html" title="Page with right sidebar">Page with right sidebar</a></li>
                            <li><a href="full-width.html" title="Full width page">Full width page</a></li>
                            <li><a href="team.html" title="Our team">Our team</a></li>
                            <li><a href="404.html" title="Not found page">404 Page</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Template features">Features</a>
                        <!-- Subnavigation first level -->
                        <ul>
                            <li><a href="features/typography.html" title="Typography elements">Typography</a></li>
                            <li><a href="features/elements.html" title="Boxes and elements">Boxes and elements</a></li>
                            <li><a href="features/tabs.html" title="Tabs & Toggles">Tabs & Toggles</a></li>
                            <li><a href="features/media.html" title="Media">Media</a></li>
                            <li><a href="features/columns.html" title="Columns">Columns</a></li>
                            <li><a href="features/widgets.html" title="Widgets library">Widgets</a></li>
                            <li><a href="#" class="with-subnav" title="Skins">Predefined skins</a>
                                <!-- Subnavigation second level -->
                                <ul class="subnav">
                                    <li><a href="features/skins/blog-post-1.html" title="Skin 1">Skin 1</a></li>
                                    <li><a href="features/skins/blog-post-2.html" title="Skin 2">Skin 2</a></li>
                                    <li><a href="features/skins/blog-post-3.html" title="Skin 3">Skin 3</a></li>
                                    <li><a href="features/skins/blog-post-4.html" title="Skin 4">Skin 4</a></li>
                                    <li><a href="features/skins/blog-post-5.html" title="Skin 5">Skin 5</a></li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                            <li><a href="#" title="Second level navigation test">Dropdown 2rd level</a>
                                <!-- Subnavigation second level -->
                                <ul>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Dropdown 3rd level</a>
                                        <!-- Subnavigation third level -->
                                        <ul>
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                        </ul>
                                        <!-- /Subnavigation third level -->
                                    </li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                        </ul>
                        <!-- /Subnavigation first level -->
                    </li>

                    <li><a href="portfolio-sidebar.html" title="Portfolio">Portfolio</a>
                        <!-- Subnavigation second level -->
                        <ul>
                            <li><a href="portfolio-1.html" title="One Column Portfolio">One Column Portfolio</a></li>
                            <li><a href="portfolio-2.html" title="Two Columns Portfolio">Two Columns Portfolio</a></li>
                            <li><a href="portfolio-3.html" title="Three Columns Portfolio">Three Columns Portfolio</a></li>
                            <li><a href="portfolio-4.html" title="Portfolio Four Columns">Portfolio Four Columns</a></li>
                            <li><a href="gallery.html" title="Gallery">Gallery</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li><a href="blog.html" title="Blog">Blog</a>
                        <!-- Subnavigation second level -->
                        <ul>
                            <li><a href="blog-post.html" title="Blog Post">Blog Post</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li><a href="contacts.html" title="Contacts">Contacts</a></li>
                </ul>
            </nav>
            <!-- /Header navigation -->
        </div>
        <!-- /Site navigation wrapper -->
    </header>
    <!-- /Header -->

    <!-- Slider nivo -->
    <div class="slider-wrapper slider-nivo">
        <div class="slider-content">
            <a href="#" title="Some title"><img class="slide-item" src="assets/slider_1.jpg" alt="Slide three" /></a>
            <a href="#" title="Some title"><img class="slide-item" src="assets/slider_2.jpg" alt="Slide one" title="<p>This is an example of a <a href='#'>caption</a></p>" /></a>
            <a href="#" title="Some title"><img class="slide-item" src="assets/slider_3.jpg" alt="Slide two" /></a>
            <a href="#" title="Some title"><img class="slide-item" src="assets/slider_4.jpg" alt="Slide four" /></a>
        </div>
    </div>
    <!-- /Slider nivo -->

    <!-- Page body -->
    <div id="page-body" class="container_12 clearfix">
        <div class="page-content">

            <!-- Target action -->
            <div class="motivation-message grid_12 round-3 clearfix">
                <!-- Motivation message -->
                <p class="font-3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
                <!-- /Motivation message -->

                <!-- Motivation button -->
                <a href="#" class="motivation-button btn-xl">Buy template</a>
                <!-- /Motivation button -->
            </div>
            <!-- /Target action -->

            <!-- Front features -->
            <div class="clearfix">
                <!-- Theme features rows -->
                <section class="grid_4">
                    <a href="#" class="img-holder round-3">
                        <img src="assets/portfolio_3-2.jpg" />
                    </a>

                    <h4 class="underlined-header">Unlimited colors variations</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
                </section>
                <!-- /Theme features rows -->

                <!-- Theme features rows -->
                <section class="grid_4">
                    <a href="#" class="img-holder round-3">
                        <img src="assets/portfolio_3-5.jpg" />
                    </a>
                    <h4 class="underlined-header">960 Grid system</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
                </section>
                <!-- /Theme features rows -->

                <!-- Theme features rows -->
                <section class="grid_4">
                    <a href="#" class="img-holder round-3">
                        <img src="assets/portfolio_3-8.jpg" />
                    </a>
                    <h4 class="underlined-header">Semantic HTML5 Markup</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
                </section>
                <!-- /Theme features rows -->
            </div>
            <!-- /Front features -->

            <hr /> <!-- /Separator -->

            <!-- Front content -->
            <div class="clearfix">
                <!-- Front text -->
                <article class="grid_8">
                    <h4 class="underlined-header">Manifest template features</h4>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. Donec fermentum diam ut mi interdum sit amet elementum risus porttitor. Fusce adipiscing rhoncus sem, non fringilla lacus interdum vel.</p>
                    <ul class="featured-list">
                        <li>Donec fermentum diam ut mi interdum sit amet elementum risus porttitor.</li>
                        <li> Fusce adipiscing rhoncus sem, non fringilla lacus interdum vel.</li>
                        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</li>
                        <li>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</li>
                        <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</li>
                    </ul>
                </article>
                <!-- /Front text -->

                <!-- Front aside -->
                <section class="grid_4">
                    <h4 class="underlined-header">Video presentation</h4>
                    <p class="round-3 img-holder">
                        <iframe src="http://player.vimeo.com/video/14011024?title=0&amp;byline=0&amp;portrait=0" width="290" height="164"></iframe>
                        <span class="caption">This is the video caption</span>
                    </p>
                </section>
                <!-- /Front aside -->
            </div>
            <!-- Front content -->
        </div>
    </div>
    <!-- /Page body -->

    <!-- Bottom widgets -->
    <div id="bottom-widgets" class="clearfix">
        <div class="container_12 alt-widgets">
            <!-- Row -->
            <div class="grid_4">
                <nav class="widget-container widget-gallery">
                <h2 class="widget-heading">Gallery widget</h2>
                <div class="widget-content">
                    <a href="assets/portfolio_1-1.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_1.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-2.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_2.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-3.jpg" class="img-holder round-3 gallery-last" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_3.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-4.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_4.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-5.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_5.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-6.jpg" class="img-holder round-3 gallery-last" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_6.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-7.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_7.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-8.jpg" class="img-holder round-3" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_8.jpg" width="70" height="70" alt="Gallery item" />
                    </a>

                    <a href="assets/portfolio_1-9.jpg" class="img-holder round-3 gallery-last" rel="prettyPhoto[gallery-1]" title="Image gallery">
                        <img src="assets/gallery_9.jpg" width="70" height="70" alt="Gallery item" />
                    </a>
                </div>
            </nav>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-tweets">
                    <h2 class="widget-heading">Recent tweets</h2>
                    <div class="widget-content"></div>
                </section>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-contact-form">
                    <h2 class="widget-heading">Contact form</h2>
                    <div class="widget-content">
                        <!-- Contact form -->
                        <form id="contact-form-widget" method="post" action="http://dbooom.com/themes/html/manifest/sendmail.php">
                            <p>
                                <label for="cf_name">Name <span class="required">(Required *)</span></label>
                                <input type="text" name="cf_name" id="cf_name" class="required" required />
                            </p>

                            <p>
                                <label for="cf_email">Email <span class="required">(Required *)</span></label>
                                <input type="email" name="cf_email" id="cf_email" class="required email" required />
                            </p>

                            <p>
                                <label for="cf_message">Message</label>
                                <textarea name="cf_message" id="cf_message" class="required" rows="5" required></textarea>
                            </p>

                            <p>
                                <input type="submit" value="Send message" />
                            </p>
                        </form>

                        <div class="form-sent"></div>
                        <!-- /Contact form -->
                    </div>
                </section>
            </div>
            <!-- /Row -->
        </div>
    </div>
    <!-- /Bottom widgets -->

    <!-- Footer -->
    <footer id="page-footer" class="container_12 clearfix footer-align">
        <!-- Footer credits -->
        <div class="grid_6 footer-info">
            <p>© Copyright 2011 <a href="http://dbooom.com/themes/html/manifest">Dbooom Themes</a> - All Rights Reserved</p>
        </div>
        <!-- /Footer credits -->

        <!-- Footer navigation -->
        <nav class="grid_6 footer-navigation">
            <ul>
                <li><a href="index-2.html" title="Frontpage">Home</a></li>
                <li><a href="blog.html" title="Blog">Blog</a></li>
                <li><a href="portfolio-1.html" title="Portfolio">Portfolio</a></li>
                <li><a href="contacts.html" title="Contact information">Contacts</a></li>
            </ul>
        </nav>
        <!-- /Footer navigation -->
    </footer>
    <!-- /Footer -->

    <!-- Scripts -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="../../../../ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="scripts/jquery.min.js">\x3C/script>')</script>
    <script src="scripts/jquery-ui.min.js"></script>
    <script src="scripts/jquery.easing.1.3.js"></script>
    <script src="scripts/plugins/nivo/jquery.nivo.slider.pack.js"></script>
    <script src="scripts/plugins/prettyphoto/jquery.prettyPhoto.js"></script>
    <script src="scripts/plugins/tipsy/jquery.tipsy.js"></script>
    <script src="scripts/plugins/video-js/video.js"></script>
    <script src="scripts/plugins/tweet/jquery.tweet.js"></script>
    <script src="scripts/plugins/jquery-validate/jquery.validate.min.js"></script>
    <script src="scripts/scripts.js"></script>

    <!--[if lt IE 9 ]>
    <script src="scripts/plugins/PIE/PIE.js"></script>
    <script type="text/javascript">
        jQuery('.team-member-img, .team-member-img img, #pager li, #pager a, #pager span').each(function() {
            PIE.attach(this);
        });
    </script>
    <![endif]-->

</body>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"> 
</html>